<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">


    <title>森淼后台管理系统</title>
    <link rel="stylesheet" href="../css/jquery-ui-1.10.3.css">
    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">


    <!--dynamic table-->
    <link href="../css/style.css" rel="stylesheet">
    <link href="../css/style-responsive.css" rel="stylesheet">
    <link href="../css/jquery-ui-timepicker-addon.min.css" rel="stylesheet">

    <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="../js/angular.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../js/common/html5shiv.js"></script>
    <script src="../js/common/respond.min.js"></script>
    <![endif]-->




    <style>

        .input-lg{
            font-size: 14px!important;
        }

        textarea.input-lg{
            resize: none;
            height: 46px;
            margin-top: 10px;
        }
        .merchant-logo{
            display: block;
            text-align: center;
        }
        #portrait{
            height: 80px;
            width: 80px;
            border-radius: 50%;
            display: block;
            margin: 0 auto 5px;
            position: relative;
            border: 2px solid #22d673;
        }
        .wrapper{
            background: white;
        }
        .panel{
            webkit-box-shadow:none;
            box-shadow:none;
        }

        .content textarea{
            outline: 0;
        }
        .content>div{
            margin-top: 30px;
            border-bottom: dotted 1px ;
            padding: 0 10px 20px;
        }
        .content>div:last-child{
            margin-top: 20px;
            border-bottom: none;
        }


        .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
        .ui-timepicker-div dl { text-align: left; }
        .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; color: white;margin-top: -5px;}
        .ui-timepicker-div dl dd { margin: 10px 10px 10px 65px; color: white }
        .ui-timepicker-div td { font-size: 90%; }
        .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
        .ui_tpicker_time , .ui_tpicker_time_label{
            display: none;
        }
    </style>

</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
            <a href="JavaScript:;" style="margin: 0"><img src="../images/senmiao-merchant-logo.png" alt="logo" style="height: 50px"></a>
        </div>

        <div class="logo-icon text-center">
            <a href="JavaScript:;"><img src="../images/logo_icon.png" alt="logo_icon" style="height: 50px"></a>
        </div>
        <!--logo and iconic logo end-->


        <div class="left-side-inner">

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav" style="margin-top: 60px">
                <li class=" active"><a href="full-job.html"><i class="fa fa-plus-square"></i> <span>创建全职</span></a></li>
                <li ><a href="part-time-job.html"><i class="fa fa-plus-square"></i> <span>创建兼职</span></a></li>
                <li ><a href="job-summary.html"><i class="fa fa-table"></i> <span>职位汇总</span></a></li>
            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--search start-->
            <form class="searchform" action="" method="post">
                <input type="text" class="form-control" name="keyword" placeholder="Search here..." />
            </form>
            <!--search end-->

        </div>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            <h3>
                创建兼职
            </h3>
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <section class="wrapper">
            <!-- page start-->
            <div class="row">
                <div class="col-lg-6" style="left: 25%">
                    <section class="panel">
                        <div class="panel-body">
                            <form novalidate id="create-job-form"  name="form" class="form-horizontal adminex-form"  data-ng-app="myApp" data-ng-controller="myCtrl" >
                                <div class="form-group">
                                    <div>
                                        <label class="merchant-logo">
                                            <img id="portrait" src="../images/hotel-logo.png" alt="hotel-logo">
                                            <small>商家logo</small>
                                            <input id="file" data-ng-model="img" onchange="on_click_upload_file()" value=" " type="file" multiple class="file" data-overwrite-initial="true" style="display: none" required>
                                        </label>
                                    </div>
                                    <div class="col-lg-12 content">
                                        <div class="title">
                                            <input  name="title" class="form-control input-lg m-bot15" type="text" placeholder="职位名称（服务员）" required>
                                        </div>


                                        <div class="time-group">
                                            <input name="jobTime"  placeholder="请选择工作日期"  id="datepicker"  class="form-control input-lg m-bot15" required >
                                            <input name="startDate" placeholder="请选择签到时间"   id="startDate"   class="form-control input-lg m-bot15" required >
                                            <input name="endDate"  placeholder="请选择签退时间"    id="endDate"  class="form-control input-lg m-bot15" required >
                                            <input name="deathTime" placeholder="请选择截止日期"     id="deathTime" class="form-control input-lg m-bot15" required >
                                            <select class="form-control input-lg m-bot15" required>
                                                <option>请选择时间段</option>
                                                <option>上午</option>
                                                <option>下午</option>
                                                <option>全天</option>
                                            </select>
                                        </div>



                                        <div class="contact-group">
                                            <input  name="contact"  class="form-control input-lg m-bot15" type="text" value="张三" readonly required disabled>
                                            <input  name="contactWay" required class="form-control input-lg m-bot15" type="number" value="15201812360" readonly>
                                            <input name="address" class="form-control input-lg m-bot15" type="text"  value="奉贤区南桥镇江海路229号" required readonly disabled>
                                        </div>


                                        <div class="workContent">
                                            <textarea  name="workContent" class="input-lg" onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);" placeholder="工作内容" style="width: 100%;margin-top: 0" required  ></textarea>
                                        </div>


                                        <!--<textarea data-ng-model="jobDetails" class="input-lg" onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);" placeholder="职位详情" style="width: 100%;margin-top: 0" required  ></textarea>-->

                                        <!--<textarea class="input-lg" data-ng-model="skill" onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);" placeholder="技能要求" style="width: 100%" required disabled></textarea>-->

                                        <!--<textarea class="input-lg"  data-ng-model="jobDetails" onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);" placeholder="服装要求" style="width: 100%" required disabled></textarea>-->

                                        <div class="notes">
                                            <textarea class="input-lg notes" name="notes" onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);" placeholder="备注：可选" style="width: 100%; height: 80px;"></textarea>
                                        </div>


                                        <div class="sure">
                                            <span id="create-job" class="btn btn-info"  style="width: 100%;margin-top: 20px;background: #22d673" >确定</span>
                                        </div>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </section>
                </div>
            </div>
            <!-- page end-->
        </section>
        <!--body wrapper end-->

        <!--footer section start-->
        <footer>
            &copy; 2017 上海启奉商务咨询有限公司
        </footer>
        <!--footer section end-->


    </div>
    <!-- main content end-->
</section>

<script src="../js/common/jquery-1.11.1.min.js"></script>
<script src="../js/common/jquery-ui.min.js"></script>
<script src="../js/common/bootstrap.min.js"></script>
<script src="../js/common/jquery.nicescroll.js"></script>
<script src="../js/common/jquery-ui-timepicker-addon.min.js"></script>
<script src="../js/common/scripts.js"></script>
<script src="../js/common/server.js"></script>
<script src="../js/create-job.js"></script>

<script src="../js-data/part-time-job-data.js"></script>

</body>
<script>
    $(function(){

        //年月日选择插件
        $( "#datepicker, #deathTime" ).datepicker({
            changeMonth: true,
            changeYear: true,
            ateFormat: 'yy-mm-dd',
            showMonthAfterYear:true,
            prevText:"上一月",
            nextText:"下一月",
            dayNamesMin:["日","一","二","三","四","五","六"],
            dateFormat:"yy-mm-dd",
            monthNamesShort: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'] //以中文显示月份
        });

        //时分秒选择插件
        $('#startDate,#endDate').timepicker({
            currentText: '当前',
            closeText: '确定',
            timeOnlyTitle: '选择时间',
            hourText: '小时',
            minuteText: '分钟'
        });

        $(document).on('click','#create-job',function(){
            var formElement=$('.content input,textarea:not(".notes"),select');
            var flag=true;
            $.each(formElement,function(i){
                if($(this).val()==''){
                    flag=false;
                    alert('请填写第'+parseInt(1+i)+'个输入框！');
                    formElement[i].focus();
                    return false;
                }
                else{
                    return flag;
                }
            });

            if(flag){
                alert('创建成功！');
                window.location.replace('job-summary.html');
            }

        });

    });

</script>
</html>
